<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <div class="contain" id="app">
        <audio src="../../assets/success.mp3" id="success-audio"></audio>
        <audio src="../../assets/error.mp3" id="error-audio"></audio>
        <div class="left-menu">
            <img class="left-menu-logo" src="../../assets/logo.png" alt="">
            
            <div class="left-menu-btn" @click="ChooseMenu('wenxin')">
                聊天
            </div>
            <div class="left-menu-btn" @click="ChooseMenu('schedule')">
                提醒
            </div>
        </div>
        <div class="schedule" v-if="menu == 'schedule'">
            <div class="schedule-item" v-for="item in schedules" :key="item.id">
                <div class="schedule-item-top">
                    <div class="schedule-item-top-time">{{item.time}}</div>
                    <div class="schedule-item-top-del" @click="DeleteSchedule(item.id)">删除提醒</div>
                </div>
                <div class="schedule-item-content">任务说明：{{item.content}}</div>
            </div>
        </div>
        <div class="right">
            <div class="right-menu">
                <div class="right-menu-time">
                    <svg t="1701189443021" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23282" width="20" height="20"><path d="M512 1023.999138A512.119804 512.119804 0 0 1 312.690892 40.258596a512.119804 512.119804 0 0 1 398.618216 943.481946A508.843407 508.843407 0 0 1 512 1023.999138z m0-911.780054c-220.430343 0-399.780486 179.350143-399.780486 399.780485s179.350143 399.780486 399.780486 399.780486 399.780486-179.350143 399.780486-399.780486-179.340123-399.780486-399.780486-399.780485z m178.578636 612.105003l-231.251468-164.811759h-3.937688l0.500978-316.618129 112.219084 0.180352-0.400783 255.87955 187.997024 133.991589z" p-id="23283" fill="#1296db"></path></svg>
                    <div>
                        {{date}}
                    </div>
                </div>
                <div class="right-menu-mini" @click="MiniApp">
                    <svg t="1701400556949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11889" width="30" height="30"><path d="M512 64C264.8 64 64 264.8 64 512s200.8 448 448 448 448-200.8 448-448S759.2 64 512 64z m256 480H256v-64h512v64z" p-id="11890" fill="#7467bd"></path></svg>
                </div>
                <div class="right-menu-delete" @click="CloseApp">
                    <svg t="1699982605168" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4058" width="30" height="30"><path d="M512 0C229.23 0 0 229.23 0 512s229.23 512 512 512c282.768 0 512-229.23 512-512S794.77 0 512 0z m234.76 656.252c7.808 7.808 7.806 20.472 0.002 28.284l-62.228 62.224c-7.808 7.808-20.47 7.814-28.286 0.002L512 602.51 367.75 746.76c-7.81 7.812-20.474 7.808-28.284 0l-62.226-62.224c-7.81-7.808-7.812-20.472 0-28.284L421.492 512l-144.25-144.25c-7.81-7.808-7.81-20.474 0-28.284l62.226-62.224c7.81-7.812 20.474-7.81 28.284 0L512 421.49l144.252-144.25c7.806-7.812 20.47-7.81 28.282 0l62.226 62.224c7.806 7.812 7.808 20.474 0 28.284L602.51 512l144.25 144.252z" fill="#E51C23" p-id="4059"></path></svg>
                </div>
            </div>
            <div class="chat-box" v-if="menu == 'wenxin'">
                <div class="chat-box-main">
                    <!-- <div class="chat-box-main-top"><img class="chat-box-main-logo" src="../../assets/logo.png" alt=""><span>智能大毛旭聊天机器人 1.0 版本</span></div> -->
                    <div class="chat-box-main-content">
                        {{answer}}
                    </div>
                </div>
                <input type="text" placeholder="请填写你想要问的问题？" v-bind:disabled="disabled" v-model="question" @keyup.enter="AskWenXinModel">
            </div>

            <div class="schedule-add-box" v-if="menu == 'schedule'">
                <input type="text" id="add-time" v-model="time" placeholder="填写时间：例如 12:00">
                <div class="schedule-add-menu">
                    <div @click="SetTime(false)"><span>每日循环</span><svg t="1701403844617" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4244" width="20" height="20"><path d="M880.037 461.451c-2.896-16.078-18.396-32.444-34.473-36.066l-12.021-2.751c-28.244-8.547-53.302-27.232-69.234-54.751-15.933-27.665-19.701-59.097-12.748-87.917l3.767-11.299c4.779-15.643-1.45-37.223-14.049-47.943 0 0-11.299-9.559-43.164-27.954-31.866-18.25-45.626-23.319-45.626-23.319-15.499-5.648-37.224-0.289-48.522 11.733l-8.403 8.98c-21.436 20.278-50.26 32.589-82.123 32.589s-60.976-12.454-82.415-32.878l-8.114-8.692c-11.153-12.021-33.022-17.378-48.522-11.732 0 0-13.904 5.069-45.77 23.318-31.866 18.54-43.018 28.099-43.018 28.099-12.6 10.574-18.829 32.010-14.049 47.798l3.479 11.442c6.807 28.822 3.185 60.11-12.748 87.772s-41.273 46.497-69.659 54.899l-11.587 2.606c-15.933 3.622-31.577 19.844-34.473 36.066 0 0-2.606 14.483-2.606 51.273s2.606 51.273 2.606 51.273c2.896 16.222 18.395 32.444 34.473 36.066l11.299 2.606c28.388 8.403 53.88 27.232 69.813 55.040 15.933 27.666 19.701 59.097 12.748 87.918l-3.33 11.153c-4.779 15.643 1.45 37.223 14.048 47.943 0 0 11.299 9.559 43.164 27.954s45.625 23.319 45.625 23.319c15.499 5.647 37.224 0.289 48.522-11.733l7.966-8.547c21.579-20.423 50.549-32.878 82.56-32.878s61.121 12.6 82.56 33.022l7.966 8.547c11.153 12.021 33.022 17.383 48.522 11.732 0 0 13.904-5.069 45.77-23.318 31.866-18.396 43.018-27.954 43.018-27.954 12.6-10.574 18.829-32.154 14.048-47.943l-3.479-11.588c-6.807-28.677-3.185-59.964 12.748-87.484 15.933-27.666 41.424-46.638 69.813-55.040l11.299-2.606c15.933-3.622 31.577-19.844 34.473-36.066 0 0 2.606-14.483 2.606-51.273-0.152-36.937-2.759-51.421-2.759-51.421zM513.45 660.027c-81.256 0-147.303-65.901-147.303-147.303 0-81.256 65.901-147.159 147.303-147.159 81.256 0 147.303 65.901 147.303 147.303-0.148 81.256-66.049 147.159-147.303 147.159z" fill="#979EAD" p-id="4245"></path></svg></div>
                    <div @click="SetTime(true)"><span>直接指定</span><svg t="1701403844617" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4244" width="20" height="20"><path d="M880.037 461.451c-2.896-16.078-18.396-32.444-34.473-36.066l-12.021-2.751c-28.244-8.547-53.302-27.232-69.234-54.751-15.933-27.665-19.701-59.097-12.748-87.917l3.767-11.299c4.779-15.643-1.45-37.223-14.049-47.943 0 0-11.299-9.559-43.164-27.954-31.866-18.25-45.626-23.319-45.626-23.319-15.499-5.648-37.224-0.289-48.522 11.733l-8.403 8.98c-21.436 20.278-50.26 32.589-82.123 32.589s-60.976-12.454-82.415-32.878l-8.114-8.692c-11.153-12.021-33.022-17.378-48.522-11.732 0 0-13.904 5.069-45.77 23.318-31.866 18.54-43.018 28.099-43.018 28.099-12.6 10.574-18.829 32.010-14.049 47.798l3.479 11.442c6.807 28.822 3.185 60.11-12.748 87.772s-41.273 46.497-69.659 54.899l-11.587 2.606c-15.933 3.622-31.577 19.844-34.473 36.066 0 0-2.606 14.483-2.606 51.273s2.606 51.273 2.606 51.273c2.896 16.222 18.395 32.444 34.473 36.066l11.299 2.606c28.388 8.403 53.88 27.232 69.813 55.040 15.933 27.666 19.701 59.097 12.748 87.918l-3.33 11.153c-4.779 15.643 1.45 37.223 14.048 47.943 0 0 11.299 9.559 43.164 27.954s45.625 23.319 45.625 23.319c15.499 5.647 37.224 0.289 48.522-11.733l7.966-8.547c21.579-20.423 50.549-32.878 82.56-32.878s61.121 12.6 82.56 33.022l7.966 8.547c11.153 12.021 33.022 17.383 48.522 11.732 0 0 13.904-5.069 45.77-23.318 31.866-18.396 43.018-27.954 43.018-27.954 12.6-10.574 18.829-32.154 14.048-47.943l-3.479-11.588c-6.807-28.677-3.185-59.964 12.748-87.484 15.933-27.666 41.424-46.638 69.813-55.040l11.299-2.606c15.933-3.622 31.577-19.844 34.473-36.066 0 0 2.606-14.483 2.606-51.273-0.152-36.937-2.759-51.421-2.759-51.421zM513.45 660.027c-81.256 0-147.303-65.901-147.303-147.303 0-81.256 65.901-147.159 147.303-147.159 81.256 0 147.303 65.901 147.303 147.303-0.148 81.256-66.049 147.159-147.303 147.159z" fill="#979EAD" p-id="4245"></path></svg></div>
                </div>
                <input type="text" id="add-time" v-model="content" placeholder="填写提醒任务内容">
                <div class="schedule-add-menu">
                    <div @click="{{content = '休息睡觉'}}"><span>休息睡觉</span><svg t="1701280017094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4380" width="20" height="20"><path d="M430.933333 490.666667L256 665.6 315.733333 725.333333l234.666667-234.666666L315.733333 256 256 315.733333l174.933333 174.933334z m256 0L512 665.6l59.733333 59.733333 234.666667-234.666666L576 256 512 315.733333l174.933333 174.933334z" fill="#979EAD" p-id="4381"></path></svg></div>
                    <div @click="{{content = '开始运动'}}"><span>开始运动</span><svg t="1701280017094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4380" width="20" height="20"><path d="M430.933333 490.666667L256 665.6 315.733333 725.333333l234.666667-234.666666L315.733333 256 256 315.733333l174.933333 174.933334z m256 0L512 665.6l59.733333 59.733333 234.666667-234.666666L576 256 512 315.733333l174.933333 174.933334z" fill="#979EAD" p-id="4381"></path></svg></div>
                    <div @click="{{content = '工作签到'}}"><span>工作签到</span><svg t="1701280017094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4380" width="20" height="20"><path d="M430.933333 490.666667L256 665.6 315.733333 725.333333l234.666667-234.666666L315.733333 256 256 315.733333l174.933333 174.933334z m256 0L512 665.6l59.733333 59.733333 234.666667-234.666666L576 256 512 315.733333l174.933333 174.933334z" fill="#979EAD" p-id="4381"></path></svg></div>
                    <div @click="{{content = '观看直播'}}"><span>观看直播</span><svg t="1701280017094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4380" width="20" height="20"><path d="M430.933333 490.666667L256 665.6 315.733333 725.333333l234.666667-234.666666L315.733333 256 256 315.733333l174.933333 174.933334z m256 0L512 665.6l59.733333 59.733333 234.666667-234.666666L576 256 512 315.733333l174.933333 174.933334z" fill="#979EAD" p-id="4381"></path></svg></div>
                </div>
                <div class="schedule-add-bottom">
                    <div @click="RestartSchedule">清空</div>
                    <div class="schedule-add-bottom-submit" @click="AddSchedule">添加提醒任务</div>
                </div>
            </div>
        </div>
    </div>
    <script src="vue.min.js"></script>
    <script src="render.js"></script>
</body>
</html>
